<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>

<%@include file="common_head.jsp" %>
<script type="text/javascript" charset="utf-8">
      $(function() {
          $("img.scrollLoading").lazyload({effect: "fadeIn",threshold :300});  
          $(".scrollLoading1 img").lazyload({effect: "fadeIn"});
          getCity();
      });
    </script> 
<body>
<!--顶部工具条-->
<%@include file="common_nav.jsp" %>

<!--banner-->
<div class="ogmall_slider">
    <div class="hd">
        <ul><li></li><li></li><li></li></ul>
    </div>
    <div class="bd">
        <ul>
            <c:forEach items="${ ads}" var="a">
            <!-- 
            <li><img src="${a.image }" /></li>
             -->
            </c:forEach>
            <li><img src="img/banner_01.jpg" /></li>
            <li><img src="img/banner_01.jpg" /></li>
            <li><img src="img/banner_01.jpg" /></li>
        </ul>
    </div>
    <!--预约设计-->
    <%@include file="index_order.jsp" %>
    <!--预约设计 END-->
</div>
<!--banner END-->
<!--刷选-->

<!--刷选 END-->
<div class="blank10"></div><div class="blank10"></div><div class="blank10"></div><div class="blank10"></div>
<div class="w-1200 margin-0-auto">
    <!--设计方案-->
    <%@include file="index_design.jsp" %>
    <!--设计方案 END-->
    
    <div class="blank10"></div><div class="blank10"></div><div class="blank10"></div><div class="blank10"></div>
    <!--实景效果-->
    <div class="ogmall_real">
        <div class="ogmall_title">
            <h1>实景效果<em></em></h1>
            <div class="ogmall_more"><a href="#">更多</a></div>
        </div>
        <ul>
        	<li><a href="#"><img class="scrollLoading" data-original="img/3.jpg"><div class="bg"><p>南昌九龙湖花园<br>4室2厅<br>150㎡<br>现代欧式</p></div></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/3.jpg"><div class="bg"><p>南昌九龙湖花园<br>4室2厅<br>150㎡<br>现代欧式</p></div></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/3.jpg"><div class="bg"><p>南昌九龙湖花园<br>4室2厅<br>150㎡<br>现代欧式</p></div></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/3.jpg"><div class="bg"><p>南昌九龙湖花园<br>4室2厅<br>150㎡<br>现代欧式</p></div></a></li>
        </ul>
    </div>
    <!--实景效果 END-->
    
    <div class="blank10"></div><div class="blank10"></div><div class="blank10"></div><div class="blank10"></div>
    <!--软装设计师-->
    <div class="ogmall_designer">
    	<div class="ogmall_title">
            <h1>软装设计师<em></em></h1>
            <div class="ogmall_more"><a href="#">更多</a></div>
        </div>
        <ul>
        	<li><a href="#"><img class="scrollLoading" data-original="img/4.jpg"><h1>李晓恒</h1><p>国际著名软装设计师</p></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/4.jpg"><h1>李晓恒</h1><p>国际著名软装设计师</p></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/4.jpg"><h1>李晓恒</h1><p>国际著名软装设计师</p></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/4.jpg"><h1>李晓恒</h1><p>国际著名软装设计师</p></a></li>
        </ul>
    </div>
    <!--软装设计师 END-->
    <div class="blank10"></div><div class="blank10"></div><div class="blank10"></div><div class="blank10"></div>
    <!--合作品牌-->
    <div class="ogmall_brand">
    	<div class="ogmall_title">
            <h1>合作品牌<em></em></h1>
            <div class="ogmall_more"><a href="#">更多</a></div>
        </div>
        <ul>
        	<li><a href="#"><img class="scrollLoading" data-original="img/5.jpg"><h1>汉庭家具</h1></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/5.jpg"><h1>汉庭家具</h1></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/5.jpg"><h1>汉庭家具</h1></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/5.jpg"><h1>汉庭家具</h1></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/5.jpg"><h1>汉庭家具</h1></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/5.jpg"><h1>汉庭家具</h1></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/5.jpg"><h1>汉庭家具</h1></a></li>
            <li><a href="#"><img class="scrollLoading" data-original="img/5.jpg"><h1>汉庭家具</h1></a></li>
        </ul>
    </div>
    <!--合作品牌 END-->
    <div class="blank10"></div><div class="blank10"></div><div class="blank10"></div><div class="blank10"></div>
    <!--品牌家具-->
    <%@include file="index_brand.jsp" %>
    <!--品牌家具 END-->
    
    <!--软装家具-->
    <div class="ogmall_furniture scrollLoading1">
    	<div class="ogmall_title">
            <h1>软装家具<em></em></h1>
            <div class="hd">
                <ul><li>灯具</li><li>花艺</li><li>饰品摆件</li><li>挂画</li><li>布艺家纺</li><li>地毯</li></ul>
            </div>
            <div class="ogmall_more"><a href="#">更多</a></div>
        </div>
        <div class="bd">
            <ul>
            	<li><a href="#"><img data-original="img/7.jpg"><h1>柏卡莱灯具 单头/两头壁灯</h1></a><p>￥650.00</p></li>
                <li><a href="#"><img data-original="img/7.jpg"><h1>柏卡莱灯具 单头/两头壁灯</h1></a><p>￥650.00</p></li>
                <li><a href="#"><img data-original="img/7.jpg"><h1>柏卡莱灯具 单头/两头壁灯</h1></a><p>￥650.00</p></li>
                <li><a href="#"><img data-original="img/7.jpg"><h1>柏卡莱灯具 单头/两头壁灯</h1></a><p>￥650.00</p></li>
            </ul>
            <ul>
                <li>2</li>
            </ul>
            <ul>
                <li>3</li>
            </ul>
            <ul>
                <li>4</li>
            </ul>
            <ul>
                <li>5</li>
            </ul>
            <ul>
                <li>6</li>
            </ul>
        </div>
    </div>
    <!--软装家具 END-->
</div>
<div class="blank10"></div><div class="blank10"></div><div class="blank10"></div><div class="blank10"></div>
<div class="bottom-warp w-100p">
     <div class="bottom w-1200 margin-0-auto">
       <div class="promise-label">
           <ul>
               <li>
                   <div class="tag-icon icon-you"></div>
                   <h2>优质保障</h2>
                   <p>品质护航 购物无忧</p>
               </li>
               <li>
                   <div class="tag-icon icon-qi"></div>
                   <h2>七天无理由退货</h2>
                   <p>提供售后无忧保障</p>
               </li>
               <li>
                   <div class="tag-icon icon-te"></div>
                   <h2>特色O2O体验</h2>
                   <p>线上浏览 线下体验</p>
               </li>
               <li>
                   <div class="tag-icon icon-zhun"></div>
                   <h2>准时送达</h2>
                   <p>一诺千金 准时准点</p>
               </li>
           </ul>
       </div>   
       <div class="help-box">
           <div class="callme">
               <h2>服务热线</h2>
               <p>0717-6971101</p>
               <a href="#">用户反馈</a>
           </div>
           <div class="help-list">
               <dl>
                   <dt>欧工质检</dt>
                   <dd><a href="#">购物流程</a></dd>
                   <dd><a href="#">支付方式</a></dd>
                   <dd><a href="#">发票制度</a></dd>
               </dl>
               <dl>
                   <dt>服务保障</dt>
                   <dd><a href="#">100%正品</a></dd>
                   <dd><a href="#">免费送货</a></dd>
                   <dd><a href="#">七天退换</a></dd>
               </dl>
               <dl>
                   <dt>配送方式</dt>
                   <dd><a href="#">物流配送</a></dd>
                   <dd><a href="#">安装说明</a></dd>
                   <dd><a href="#">收货指南</a></dd>
               </dl>
               <dl>
                   <dt>售后服务</dt>
                   <dd><a href="#">退换货政策</a></dd>
                   <dd><a href="#">退换货流程</a></dd>
               </dl>
               <dl>
                   <dt>关于我们</dt>
                   <dd><a href="#">公司简介</a></dd>
                   <dd><a href="#">联系我们</a></dd>
                   <dd><a href="#">招商合作</a></dd>
               </dl>
           </div>
           <div class="download">
               <p>手机欧工</p>
               <img src="./img/other/qcode.jpg">
           </div>
       </div>  
     </div>
</div><div class="copyright-warp w-100p">
    <div class="copyright">
        <p>Copyright © 2016 ycoggj.com 欧工国际软装 版权所有</p>
    </div>
</div>
<%@include file="../left_nav.jsp" %>

<script type="text/javascript" src="./js/plugins.js"></script>
<script type="text/javascript" src="./js/modules.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript">
	jQuery(".ogmall_slider").slide( { mainCell:".bd ul",autoPlay:true,effect:"left",interTime:5000,} );
	jQuery(".slideTab").slide({triggerEvent:true});
	jQuery(".doubleSlideTab").slide({ titCell:".parHd li",mainCell:".parBdIn",trigger:"click",triggerEvent:true });
	jQuery(".ogmall_furniture").slide({triggerEvent:true});
	$(function(){
		$('#city_dc').mousemove(function(e){
			$('.city_dc').show();
			e.stopPropagation();
		});
		$('.city_dc').mousemove(function(e){
			e.stopPropagation();
		});
		$(document).mousemove(function(){
			$('.city_dc').hide();
		});
		$('.city_dc a').mousemove(function(){
			$('.city_dc').hide();
		});
	});
	$(document).ready(function(){
		var a =$(".ogmall_choice div:gt(2):not(:last)");
			a.hide();
		$(".boxdown").click(function(){
			if(a.is(':visible')){
				 a.slideUp('fast');
				 $(this).html('显示更多');
			}else{
				a.slideDown('fast').show();	
				$(this).html('隐藏更多');
			}			
		});
	});
	$(function(){
		var scrollDir = 'down',lastScrollTop = $(window).scrollTop();
		var viewHeight = $(window).height(); //获取视窗高度
		$(window).scroll(function(event){
			viewHeight = $(window).height();
			var ling = $(window).scrollTop();
			var ct = ling - lastScrollTop;
			if(ling > ($('#ogmall_left').offset().top-viewHeight)){
				$('#ogmall_left_nav').show();
				$('#ogmall_left_nav').removeClass('ogmall_left_nav');
				
				if($('#ogmall_left').offset().top>ling){
					var top = $('#ogmall_left').offset().top-ling+20;
					if(top <20){
						top =20;
					}
					$('#ogmall_left_nav').css({top:top+'px'})
				}else{
					$('#ogmall_left_nav').css({top:20+'px'})
				}
				
			}else{
				$('#ogmall_left_nav').hide();
				$('#ogmall_left_nav').addClass('ogmall_left_nav');
				fixed = false;
			}
			lastScrollTop = ling;
		})
	})	
	$(function(){
		var a =$("#ogmall_left_nav li:gt(0)");
			a.hide();
		$(".f0").click(function(){
			if(a.is(':visible')){
				 a.slideUp('fast');
				 $(this).removeClass('f1');
			}else{
				a.slideDown('fast').show();	
				$(this).addClass('f1');
			}			
		});
	});
	
	
</script>
</body>
</html>
